// 单行表头样式
.el-table th.el-table__cell {
  background-color: #f0f7fc;
}

thead .el-table--small .el-table__cell {
  padding: 8px 0;
}

// 多行表头样式
.el-table thead.is-group th.el-table__cell {
  background-color: #f0f7fc;
}

.basic-container {
  background: #e2eef7;
  height: 100%;
}

.basic-container>.el-card {
  background: #fff;
  box-sizing: border-box;
  padding: 10px;
  height: 100%;
  overflow: auto;
  border-radius: 0px;

  .avue-crud__menu {
    position: relative;
  }
}

.basic-container>.el-card .el-card__body {
  padding: 0;
  height: 100%;

  .avue-crud--card .el-card+.el-card {
    margin-top: 0;
    padding: 10px;
    box-sizing: border-box;
    // height: 77%;
  }
}

.el-card .is-never-shadow.avue-crud__pagination {
  height: 50px;

  .el-card__body {
    height: 50px;
    background: #fff;
  }
}


.avue-crud__menu {
  position: relative;
}

// 取消表格中固定盒子的背景颜色 否则表格最下存在半条白线
// .el-table__fixed-right::before,
// .el-table__fixed::before {
//   background-color: #fff;
// }



/**
 * 2025-08-14 sc新增的样式，用来处理搜索条件等的样式
 * 1。盒子靠右显示
 * 2。里边的内容文本居右
 */
.avue-form__menu {
  margin-left: auto;
  text-align: right;
}

/**
 * 2025-08-14 sc新增的样式，用来处理搜索栏和表格栏目需要15xp的间隔
 * 1.设置搜索栏和表格的最顶层的内容容器的padding 为0 ；
 * 2.单独设置搜索栏的padding 为10px, padding-bottom: 0; 
 * 3.单独设置表格的padding 为10px, padding-top: 0;
 * 4.设置父容器的背景颜色为#e2eef7;
 * ps: 2和3的修改,理论上是这样的,但是如果容器本身有padding 则需要加上原来的.
 */
.basic-container>div {
  background: #e2eef7 !important;
  padding: 0px !important;

  .avue-crud {

    >div {
      box-sizing: border-box;
    }

    >div:nth-child(1) {
      padding: 10px;
      padding-bottom: 0;
    }

    >div:nth-child(2) {
      padding: 10px 20px !important;

    }

    >div:nth-child(3) {
      padding: 10px 20px !important;

    }
  }
}

/**
 * 2025-08-14 sc新增的样式，搜索栏和表格之间的间隔
 * 
 */
.avue-crud__search {
  margin-bottom: 10px;
  padding: 10px 0 0;
}

// tabs切换的样式
.el-tabs .el-tabs__header {
  padding: 10px;
  margin: 0 10px 15px;
  background-color: #fff;
}